<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>用户管理</title>
    <!-- 引入公用部分 -->
    <script th:replace="common/head::static"></script>
</head>
<body>
<!--表格位置-->
<table class="layui-hide" id="userTable" lay-filter="test"></table>

<script type="text/html" id="toolbarUser">
    <div class="layui-inline" style="float:right;height:29px;" title="新增" lay-event="addData"><i class="layui-icon layui-icon-add-1"></i></div>
    <div class="layui-inline" style="float:right;height:29px;" title="搜索" lay-event="query"><i class="layui-icon layui-icon-search"></i></div>
    <input type="text" id="title" style="width:200px;float:right;height:30px;" placeholder="请输入用户名" autocomplete="off" class="layui-input">
</script>

<script type="text/html" id="barUser">
    <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
    <a class="layui-btn layui-btn-xs" lay-event="editAuth">绑定权限</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>

<!--编辑弹出框-->
<div class="userEditDiv">
    <!-- 操作表单 -->
    <div class="layui-col-md6">
        <div class="layui-card">
            <div class="layui-card-body">
                <form id="userForm" class="layui-form layui-form-pane">
                    <div class="layui-form-item">
                        <label class="layui-form-label">用户名</label>
                        <div class="layui-input-block">
                            <input type="text" id="userName" name="userName" autocomplete="off" placeholder="用户名"
                                   class="layui-input">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">账号</label>
                        <div class="layui-input-block">
                            <input type="text" id="userAccount" name="userAccount" autocomplete="off" placeholder="账号"
                                   class="layui-input">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">密码</label>
                        <div class="layui-input-block">
                            <div class="layui-form-mid layui-word-aux" style="float: unset; margin-left: 10px;">
                                <input id="userPassword" class="layui-input" type="password" name="userPassword" placeholder="输入密码">
                                <i class="layui-icon layui-icon-password adminIcon"></i>
                                初始密码：<span th:text="123456"></span>
                            </div>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">性别</label>
                        <div id="userSex" class="layui-input-block">
                            <input type="radio" name="userSex" value="0" title="男">
                            <input type="radio" name="userSex" value="1" title="女">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">联系方式</label>
                        <div class="layui-input-block">
                            <input type="text" id="userPhone" name="userPhone" autocomplete="off" placeholder="联系方式"
                                   class="layui-input">
                        </div>
                    </div>
                    <!-- 隐藏域 -->
                    <input type="text" id="userId" name="userId" hidden="hidden" value="-1"/>
                </form>
            </div>
        </div>
    </div>
</div>

<!--编辑弹出框-->
<div class="userEditAuthDiv">
    <div class="userRoleDiv">
        <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
            <legend>用户角色</legend>
        </fieldset>
        <div id="userRoleTree" class="demo-transfer"></div>
    </div>
    <div class="userMenuDiv">
        <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
            <legend>用户菜单</legend>
        </fieldset>
        <div id="userMenuTree" class="demo-tree demo-tree-box layui-col-md6"></div>
    </div>
</div>

</body>
<link rel="stylesheet" lang="less" scoped type="text/css" th:href="@{mumu/user/user.css}"/>
<script th:src="@{mumu/user/user.js}"></script>
</html>